.casino-wrapper {
    padding: 20px;
    border-radius: 10px;
    max-width: 1110px;
    margin: auto;
}


.casino-row {
   display: grid;
   grid-template-columns: repeat(3,1fr);
   gap: 1.5rem;
}

@media only screen and (max-width:768px){
    .casino-row {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1.5rem;
     }
}

@media only screen and (max-width:480px){
    .casino-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.5rem;
     }
}

.casino-column {
    margin-bottom: 20px;
    background: #11182c; /* Purple background */
    border:solid 1px #262646;
    border-radius: 10px;
    
    text-align: center;
    transition: transform 0.3s;
}

.casino-column:hover {
    transform: scale(1.05);
}

.casino-content-wrapper {
    padding: 60px 30px;
}

.casino-header {
    border-bottom:solid 1px #262646;
   
}
.casino-header .casino-logo {
    margin: 1.7rem 0;
    max-width: 120px;
    width: 100%;
}

.casino-name {
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 0 1.5rem 0;
}

.casino-offer {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}

.casino-play-now {
    display: block;
    background: #292823;
    color: #E9B523;
    font-weight: bold;
    padding: 10px;
    border-radius: 15px;
    text-decoration: none;
    transition: 0.3s;
    border: solid 1px #E9B523;
}

.casino-play-now:hover {
    background: #FFA500;
    color: #10182B;
}

.casino-rating{
    margin: .75rem 0;
}

.star {
    font-size: 24px;        /* Adjust the size of the stars */
    color: #f39c12;            /* Gray color for empty stars */
    padding: 0 2px;         /* Space between the stars */
}

.star-filled {
    color: #f39c12;         /* Gold color for filled stars */
}

.star-empty {
    color: #ccc;            /* Light gray for empty stars */
}